<template>
<div style="width:100%;display: flex;flex-wrap: wrap;padding-left: 1%;">
  <div v-for="(item,index) in course1" :key="index"  class="main">
    <Row>
        <Col span="8">
        <img src="./img/logo.png">
        </Col>
        <Col span="16">
        <div style="padding: 3px;margin-left: -10%">
            <div style="font-size:18px;margin-top: 5px;font-weight: bold;">{{item.name}}</div>
            <div style="font-size:12px;margin-top: 5px;">简介：{{item.abs}}</div>
            <div style="font-size:12px;margin-top: 5px;">职位：{{item.position}}</div>
            <!-- 哦耶！ -->
        </div>        
        </Col>
    </Row>
    <div>
        <Button type="primary" style="margin-left:40%;margin-top:10px;margin-bottom: 10px;" @click="RecruitMent">查看详情</Button>
    </div> 
  </div>
  <Page :total="12" :page-size="12" style="margin-left: 45%;"></Page>
</div>


</template>
<script>
  export default {
    name: 'recruitInfor',
    data () {
      return {
        course1: [
          {
            name: '沈阳格微软件有限责任公司',
            abs: '沈阳格微软件有限公司成立于1999年07月,主要致力于面向大众的计算机网络与人际智能接口软件的研究开发。',
            position: 'web前端工程师'
          },
          {
            name: '沈阳格微软件有限责任公司',
            abs: '沈阳格微软件有限公司成立于1999年07月,主要致力于面向大众的计算机网络与人际智能接口软件的研究开发。',
            position: 'web前端工程师'
          },
          {
            name: '沈阳格微软件有限责任公司',
            abs: '沈阳格微软件有限公司成立于1999年07月,主要致力于面向大众的计算机网络与人际智能接口软件的研究开发。',
            position: 'web前端工程师'
          },
          {
            name: '沈阳格微软件有限责任公司',
            abs: '沈阳格微软件有限公司成立于1999年07月,主要致力于面向大众的计算机网络与人际智能接口软件的研究开发。',
            position: 'web前端工程师'
          },
          {
            page: 1,
            name: '沈阳格微软件有限责任公司',
            abs: '沈阳格微软件有限公司成立于1999年07月,主要致力于面向大众的计算机网络与人际智能接口软件的研究开发。',
            position: 'web前端工程师'
          },
          {
            page: 1,
            name: '沈阳格微软件有限责任公司',
            abs: '沈阳格微软件有限公司成立于1999年07月,主要致力于面向大众的计算机网络与人际智能接口软件的研究开发。',
            position: 'web前端工程师'
          },
          {
            page: 1,
            name: '沈阳格微软件有限责任公司',
            abs: '沈阳格微软件有限公司成立于1999年07月,主要致力于面向大众的计算机网络与人际智能接口软件的研究开发。',
            position: 'web前端工程师'
          },
          {
            page: 1,
            name: '沈阳格微软件有限责任公司',
            abs: '沈阳格微软件有限公司成立于1999年07月,主要致力于面向大众的计算机网络与人际智能接口软件的研究开发。',
            position: 'web前端工程师'
          },
          {
            page: 1,
            name: '沈阳格微软件有限责任公司',
            abs: '沈阳格微软件有限公司成立于1999年07月,主要致力于面向大众的计算机网络与人际智能接口软件的研究开发。',
            position: 'web前端工程师'
          },
          {
            page: 1,
            name: '沈阳格微软件有限责任公司',
            abs: '沈阳格微软件有限公司成立于1999年07月,主要致力于面向大众的计算机网络与人际智能接口软件的研究开发。',
            position: 'web前端工程师'
          },
          {
            page: 1,
            name: '沈阳格微软件有限责任公司',
            abs: '沈阳格微软件有限公司成立于1999年07月,主要致力于面向大众的计算机网络与人际智能接口软件的研究开发。',
            position: 'web前端工程师'
          },
          {
            page: 1,
            name: '沈阳格微软件有限责任公司',
            abs: '沈阳格微软件有限公司成立于1999年07月,主要致力于面向大众的计算机网络与人际智能接口软件的研究开发。',
            position: 'web前端工程师'
          }
        ]
      }
    },
    mounted () {
    },
    methods: {
      RecruitMent () {
        this.$router.replace('/Recruitment')
      }
    }
  }
</script>

<style lang="less" scoped>
  .contest {
    &-title {
      font-style: italic;
      font-size: 21px;
    }
    &-content {
      padding: 0 70px 40px 70px;
      &-description {
        margin-top: 25px;
      }
    }
  }
  .main{
      width:22%;
      background-color:white;
      margin-left: 1%;
      margin-right: 2%;
      margin-bottom: 20px;
  }

  .announcement {
    margin-top: 20px;
  }
</style>
